<template>
    <div id="ge">
        <div style="display:flex;">
            <div id="title">通识培训</div>
            <div id="title-page">
                <div>面试</div>
                <div>礼仪</div>
                <div>演讲</div>
                <div id="tuandui">团队</div>
            </div>
        </div>
        <div id="geImg">
            <img src="../../assets/通识培训.jpg">
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
    #ge{
        margin-top:80px;
    }
    #title{
        width:128px;
        height:32px;
        font-size:110%;
        color:white;
        text-align:center;
        line-height:32px;
        margin-top:40px;
        margin-left:125px;
        background-color:rgb(0,160,234);
    }
    #title-page{
        height:20px;
        margin-top:46px;
        margin-left:40px;
        line-height:20px;
        display:flex;
    }
    #title-page div{
        width:90px;
        height:20px;
        line-height:20px;
        text-align:center;
        border-left:1px solid black;
        font-weight:550;
    }
    #tuandui{
        border-right:1px solid black;
    }
    #geImg{
        margin-left:125px;
        margin-top:50px;
    }
    img{
        width:1099px;
        height:581px;
    }
</style>
